/*
*************************************************

MICA
Screen Layout Styles

Created by the wacky troop at Happy Cog
http://www.happycog.com/

*************************************************
*/

/*-------------------------------------------    
    "Default" template
-------------------------------------------*/

/* -----  Widths ------- */

#subnav, #subnav1, #subnav2, #subnav3, .default #subnav, .default #subnav1, .default #subnav2, .default #subnav3 { position: relative; width: 200px; float: left; border-right: 30px solid #fff; left: -716px; }

#main, #main1, #main2, #main3, .default #main, .default #main1, .default #main2, .default #main3 { position: relative; width: 495px; float: left; border-right: 20px solid #fff; left: 230px; }

.search #main-search { position: relative; width: 715px; float: left; border-right: 35px solid #fff; }

#sub, #sub1, #sub2, #sub3, .default #sub, .default #sub1, .default #sub2, .default #sub3 { position: relative; border-left: 1px solid #ccc; width: 180px; float: left; padding-left: 20px; left: 230px; }

#secondary, #secondary1, #secondary2, #secondary3, .default #secondary, .default #secondary1, .default #secondary2, .default #secondary3 { position: relative; width: 180px; padding: 4em 10px 10px; float: left; left: 230px; }
* html #secondary, * html #secondary1, * html #secondary2, * html #secondary3, * html .default #secondary, * html .default #secondary1, * html .default #secondary2, * html .default #secondary3 { overflow: hidden; }

.search #secondary2 { left: 0; }



/* -----  Positions ------- */

.order123 #subnav1, .order123 #main2, .order123 #sub3, .order123 #secondary3 { left: 0; }

.order132 #subnav1 { left: 0; }
.order132 #sub2, .order132 #secondary2 { left: 515px;  }
.order132 #main3 { left: -201px; }

.order213 #main1 { left: 230px; }
.order213 #subnav2 { left: -515px; }
.order213 #sub3, .order213 #secondary3 { left: 0; }

.order231 #sub1, .order231 #secondary1 { left: 745px; }
.order231 #subnav2 { left: -201px; }
.order231 #main3 { left: -201px; }

.order312 #main1 { left: 230px; }
.order312 #sub2, .order312 #secondary2 { left: 230px; }
.order312 #subnav3 { left: -716px; }

.order321 #sub1, .order321 #secondary1 { left: 745px; }
.order321 #main2 { left: 29px; }
.order321 #subnav3 { left: -716px; }

.order120 #subnav1, .order120 #main2 { left: 0; }

.order210 #main1 { left: 230px;  }
.order210 #subnav2 { left: -515px; }

.nonav { left:10px!important;}


/*-------------------------------------------    
    "Grouped" template
-------------------------------------------*/
.grouped #main1 { width: 623px; left: 0; } 
.grouped #sub2, .grouped #secondary2 { width: 280px; left: 0; }



/*-------------------------------------------    
    "Landing" template
-------------------------------------------*/
.landing #subnav1 { left: 0; z-index: 1;}
.landing #main2 { width: 715px; left: 0; border-right: none; z-index: 2; }

.landing #main1 { width: 715px; border-right: none; z-index: 2; }
.landing #subnav2 { left: -715px; margin-right: 0; z-index: 1; }

.landing #main1 #dominant, .landing #main2 #dominant { float: left; width: 495px; border-right: 20px solid #fff; }
.landing #main1 #secondary, .landing #main2 #secondary, .landing #main1 #sub, .landing #main2 #sub { left: 0; }
.landing #main1 #sub, .landing #main2 #sub { width: 160px; }

.landing #col1, .landing #col2 { float: left; width: 347px; }
.landing #col1 { margin-right: 20px; }
.reveal #col2 { margin-top: 37px; border-top: 20px solid #fff; }



/*-------------------------------------------    
    "Gallery" template
-------------------------------------------*/
.gallery #col1, .gallery #col2, .gallery #col3, .gallery .col1, .gallery .col2, .gallery .col3 { width: 300px; border-right: 20px solid #fff; float: left; }
.gallery #col3 { border-right: none; }
.gallery .col1 { clear: both; }

.gallery #main1 { width: 620px; border-right: 20px solid #fff; float: left; left: 0; }
.gallery.viewall #main1 { width: 940px; border: 0; float: left; left: 0; } /* Added for Christine's Gallery Template */
.gallery.viewall #col1-wide { width: 620px; border-right: 20px solid #fff; float: left; } /* Added for Christine's Gallery Template */
.gallery.viewall #col2 { border-right: none; } /* Added for Christine's Gallery Template */
.gallery #sub2 { width: 300px; border-left: none; padding: 0; left: 0; }



/*-------------------------------------------    
    "Third Party" template
-------------------------------------------*/
body.third-party { position: relative; padding-top: 100px; }
	#third-party { position: absolute; top: 0; min-height: 50px; width: 100%; left: 0; top: 0; border-bottom: 10px solid #130d0a; background-color: #261914; }
	* html #third-party { height: 60px; width: 100%; padding-right: 100px; } /* padding-right is equal to padding on the body */
	* html #third-party p { position: relative; left: 100px; } /* link is positioned left equal to the padding-right on #third-party */
		#third-party h1 { height: 30px; position: absolute; top: 50%; margin: -15px 0 0; left: 20px; }
			#third-party h1 a { display: block; text-indent: -9999px; width: 339px; height: 30px; background: transparent url(../../images/screen/mica-3rdparty-logo.gif) no-repeat 0 0; }
		#third-party p { text-align: right; margin: 17px 20px 10px; }
			#third-party p a { color: #e2e4c4; text-decoration: underline; }
			
			
/*-------------------------------------------    
    Local Footer
-------------------------------------------*/

#local-footer .col { float: left; padding-right: 5px; margin-right: 5px; }

.total-cols-1 .col { width: 920px; }
.total-cols-1 .holder1 { width: 920px; float: left;}

.total-cols-2 .col { width: 460px; }
.total-cols-2 .holder1 { width: 460px; float: left;}

.total-cols-3 .col { width: 303px; }
.total-cols-3 .holder1 { width: 303px; float: left; }
.total-cols-3 .holder2 { width: 626px; float: left; }

.total-cols-4 .col { width: 225px }
.total-cols-4 .holder1 { width: 225px; float: left; }
.total-cols-4 .holder2 { width: 470px; float: left; }
.total-cols-4 .holder3 { width: 705px; float: left; }

.total-cols-5 .col { width: 178px; }
.total-cols-5 .holder1 { width: 178px; float: left; }	
.total-cols-5 .holder2 { width: 376px; float: left; }			
.total-cols-5 .holder3 { width: 564px; float: left; }			
.total-cols-5 .holder4 { width: 752px; float: left; }			


